<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>封装Promise的ajax</title>
</head>

<body>
    <script src="./util.js"></script>
    <script>
        // Pajax({
        //     url: "http://localhost:3000/news",
        //     data: {
        //         author: 'jack'
        //     }
        // }).then((res) => {
        //     console.log(res[0]);
        //     Pajax({
        //         url: "http://localhost:3000/comments",
        //         data: {
        //             newsId: res[0].id,
        //         },
        //     }).then((res) => {
        //         console.log(res);
        //     })
        // });

        //=======================================================
        Pajax({//我调用了Pajax的封装函数 里面有很多配置项 我要去配置这些
            url: "http://localhost:3000/news",//查找地址里面的news数组里面的数据
            data: {//data就是我拿到news的所有数据
                author: 'jack'//查找news数据中  名字为"jack"的数据 
            }
        }).then((res) => {//res就是我拿到了姓名为jack的所有数据
            console.log(res[0]);//res[0]拿到了名字为jack的那个对象
            return Pajax({
                //这里可以手动让接口报错 改变接口地址
                url: "http://localhost:3000/comments",//拿到评论 用户对jack评论的地址
                data: {
                    newsId: res[0].id,//拿到id名(和jack id名字一致的评论)
                },
            })
        }).then((res) => {
            console.log(res);
        }).catch((err) => {
            console.log(err);
        });





        //=============================================================
        let promiseTest = new Promise(function(resolve,reject) {
            console.log('直接执行');
            setTimeout(function() {
                resolve({
                    num() {
                        return 123;
                    }
                })
                console.log('3秒之后执行');
            },3000)
        });
        promiseTest.then(function(res) {
            console.log('执行成功 返回值为',res.num());
        },function (err) {
            console.log('执行失败 原因是',err);
        })
    </script>
</body>

</html>